﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="pop2.aspx.cs" Inherits="tg_pop2"   %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>选择支付方式</title>
    <link href="CSS/popstyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/nav.js"></script>
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

</head>
<body>
    <form id="frm" method="post" action="Insert_WebOrder.aspx" >
    <center>
<!--pop2-开始-->
<div class="pop2" style="text-align:left"><img src="images/jj_03.jpg" hspace="200" class="fl"/>
  <div class="clr"></div>
	<div class="dingdan f14">
	您的订单提交成功！收货人姓名为：<%=Session["uname"]==null?"":Session["uname"].ToString() %>   手机号：<%=Session["tel"]==null?"":Session["tel"].ToString() %>&nbsp;&nbsp;<a href="pop.aspx" style="color:Red">修改</a><br />
请确认您要购买的产品并完成付款。<br />
</div>

	<div class="biao_bd3">
	 <ul class="biao">
	   <li class="w323">商品名称</li>
	   <li class="w83">数量</li>
	    <li class="w83">总价</li>
		   <li class="w323">益盟操盘手  乾坤版月版</li>
	   <li class="w83">1</li>
	    <li class="w83">￥99</li>
	 </ul>
   </div>
	 <div class="clr"></div><br>
	 <div class="red2 f14">请选择支付方式：</div>
	 <div id="Tab1"> 
<div class="Menubox "> 
<ul> 
<li id="one1" onclick="setTab('one',1,3)" class="hover">网上银行付款</li> 
<li id="one2" onclick="setTab('one',2,3)">其他方式支付</li> 
<li id="one3" onclick="setTab('one',3,3)">银行汇款</li> 
</ul> 
</div> 
<div class="Contentbox"> 
<!--网上银行支付开始-->
<div id="con_one_1" class="hover">

	 <label><span class="f14">选择网上银行<span class="gray f12">（支持大额支付，需银行卡要先开通网上支付功能。如果在支付过程遇到问题请拨打400-670-6668）</span><img src="images/pop_13.jpg" /></label>

	 <hr />
	 <ul class="bank">
	   <li><label><input name="bankId" type="radio"  value="ABC"  class="fl fuxuan"/><div class="bank_1 fl"></div></label></li>
	   <li class="ml20"><label><input name="bankId" type="radio"  value="BOC"  class="fl fuxuan"/><div class="bank_2 fl"></div></label></li>
	   <li class="ml20"><label><input name="bankId" type="radio"  value="CCB"  class="fl fuxuan"/><div class="bank_3 fl"></div></label></li>
	 <li class="ml20"><label><input name="bankId" type="radio"  value="CEB"  class="fl fuxuan"/><div class="bank_4 fl"></div></label></li><br />
	<li><label><input name="bankId" type="radio"  value="CITIC"  class="fl fuxuan"/><div class="bank_5 fl"></div></label></li>
		<li class="ml20"><label><input name="bankId" type="radio"  value="CMB"  class="fl fuxuan"/><div class="bank_6 fl"></div></label></li>
		<li class="ml20"><label><input name="bankId" type="radio"  value="GDB"  
                class="fl fuxuan"/><div class="bank_7 fl"></div></label></li>
	<li class="ml20"><label><input name="bankId" type="radio"  value="ICBC"  class="fl fuxuan"/><div class="bank_8 fl"></div></label></li>
	<li ><label><input name="bankId" type="radio"  value="SPDB"  class="fl fuxuan"/><div class="bank_9 fl"></div></label></l> 
	<li class="ml20"><label><input name="bankId" type="radio"  value="CIB"  class="fl fuxuan"/><div class="bank_10 fl"></div></label></li>
		<li class="ml20"><label><input name="bankId" type="radio"  value="POST"  class="fl fuxuan"/><div class="bank_11 fl"></div></label></li>	  
	 </ul>
	 <div class="clr"></div><br>
	 <div class="email">
	  填写支付邮箱&nbsp;<input id="email" type="text"value="pay@emoney.cn" class="bd gray"/>&nbsp;<span class="gray" id="ck_email">留下您有效电子邮箱，可接受本次交易的支付交易</span>
	  <div class="mt6 red0"><span class="fl ">友情提示：在快钱完成支付后，点击</span><img src="images/pop_17.jpg" class="fl"/><span class="fl ">按钮，以免出现订单遗漏现象。</span></div>
	    <div class="clr"></div>
	  </div>
       <hr class="xian">
	<input id="btnYhfk" type="button" class="shopping_anniu"  value="到银行页面付款" style="cursor:hand" />
</div> 
<!--网上银行支付结束-->
<!--其他支付开始-->
<div id="con_one_2" style="display:none">
<div class=" fw mt15">请根据您的情况，选择合适的支付方式</div>
   <hr class="xian">
     <ul class="zf">
	    <li  style="border:1px solid #c1c1c1;" onclick="this.style.border='1px solid #ff0000'" onmouseover="this.style.border='1px solid #ff0000'"  onmouseout="this.style.border='1px solid #c1c1c1'">
		<div class="bank_t">
		<img src="images/u205.png" /><br />
		通过支付宝账户支付</div>
		<div class="h60">
支付宝交易，推荐淘宝用户使用，安全可靠
</div>
<div><input name="" id="submit_zfb" type="button" class="aniu_t" value="通过支付宝确认"/></div>
</li>
	    <li class="ml15"  style="border:1px solid #c1c1c1;" onclick="this.style.border='1px solid #ff0000'" onmouseover="this.style.border='1px solid #ff0000'"  onmouseout="this.style.border='1px solid #c1c1c1'">
		<div class="bank_t">
		<img src="images/shopping-kuanqian.png" /><br>
		通过快钱信用卡支付</div>
		<div class="h60">
信用卡支付，无需开通网银，免手续费，无利息，安全可靠
</div>
<div><input name="submit_xyka" id="" type="button" class="aniu_t" value="通过信用卡支付"/></div>
</li>
	    <li class="ml15" style="border:1px solid #c1c1c1;" onclick="this.style.border='1px solid #ff0000'" onmouseover="this.style.border='1px solid #ff0000'"  onmouseout="this.style.border='1px solid #c1c1c1'">
		<div class="bank_t">
		<img src="images/shopping-kuanqian.png" /><br />
		通过快钱语音支付</div>
		<div class="h60">
手机语音支付，无需开通网银，安全便捷
</div>
<div><input name="" id="submit_yyin" type="button" class="aniu_t" value="通过手机语音支付"/></div>
</li>
	    <li class="ml15" style="border:1px solid #c1c1c1;" onclick="this.style.border='1px solid #ff0000'" onmouseover="this.style.border='1px solid #ff0000'"  onmouseout="this.style.border='1px solid #c1c1c1'">
		<div class="bank_t">
		<img src="images/shopping-kuanqian.png" /><br>
		通过快钱账户支付</div>
<div class="h60">快钱账户支付，推荐快钱用户使用，安全可靠
</div>
<div><input name="" id="submit_qk" type="button" class="aniu_t" value="通过快钱支付"/></div>
</li>
	 </ul>
       <div class="clr"></div>
</div> 
<!--其他支付结束-->

<!--支付宝支付开始-->
<div id="con_one_3" style="display:none">
<div class="f14 lh30 mt15">备注：公司帐户汇款到帐时间需要3天，请传真汇款凭条至益盟021-61958868查帐，款到帐后方可发货。如未收到软件登录名与密码，请联系客服：400-670-6668。</div>
<hr class="xian2">
<div class="h650">
  <div class="ml50">
   <span class="f14 fw">付款账号：</span>
		 <hr class="xian3"/></div>
		 
		 	  <ul class="bank_d f12">
	    <li><img src="images/u231.png" /></li>
		<li class="lh25">开户行：农行上海漕河泾开发区支行<br />
卡号：0339 0800 0400 15035<br />
收款人：上海益同软件技术有限公司</li>
		<li class="ml70"><img src="images/u227.png" /></li>
		<li class="lh25 w350">开户行：工行上海市黄浦区南京东路支行<br />
卡号：6222 0210 0100 9714 210<br />
收款人：戴勤</li>
         
		<li ><img src="images/u227.png" /></li>
		<li class="lh25">开户行：工行上海市黄浦区南京东路支行<br />
卡号：6222 0210 0100 9714 210<br />
收款人：戴勤</li>
	  </ul>
	  <div class="clr"></div>
</div> 
<!--支付宝支付结束-->
</div> 
</div> 
 <!--导航切换 结束 --> 
</div>
 </div><!--pop1-end-->
 </center>
 <input id="paytype" name="paytype" type="hidden" />
    </form>
<script type="text/javascript">
    function closePop() {
        document.getElementById("bank_pop").style.display = "none";
        document.getElementById("fullscreem").style.display = "none";
    }
</script>

 <script type="text/javascript">
     $(document).ready(function () {
         //快钱
         $('#submit_qk').click(function () {
             document.getElementById("paytype").value = "0";
             document.getElementById("frm").action = "Insert_WebOrder.aspx";
             OpenR();
             $('#frm').submit();
         });
         //支付宝
         $('#submit_zfb').click(function () {
             document.getElementById("paytype").value = "2";

             document.getElementById("frm").action = "Insert_WebOrder.aspx";
             OpenR();
             $('#frm').submit();
         });

         //网银支付
         $('#btnYhfk').click(function () {

             var flag = false;
             var bankId = "";
             $("input:radio[name='bankId']").each(function () {
                 if ($(this).attr("checked") == true) {

                     bankId = $(this).val();
                     flag = true; //用来判断是否有选中项目
                 }
             });
             if (flag == true) {
                 if ($("#email").val() == "") {

                     document.getElementById("ck_email").innerText = "* 邮箱地址不能为空!";
                     $("#email").focus();

                     return false;
                 }
                 else {
                     var txt_value = $("#email").val();
                     if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt_value))) {
                         document.getElementById("ck_email").innerText = "* 请输入一个有效的邮箱地址!";
                         $("#email").focus();
                         return false;
                     }
                     document.getElementById("paytype").value = "11";
                     OpenR();
                     $('#frm').submit();
                 }

             } else {
                 alert("请选择一个支付银行！");
                 return false;
             }
         });

         $(function () {
             $("#email").blur(function () {
                 var txt_value = $(this).val();
                 if ($("#email").val() == "") {

                     document.getElementById("ck_email").innerText = "* 邮箱地址不能为空!";
                     $("#email").focus();

                     return false;
                 }
                 else {
                     if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt_value))) {

                         document.getElementById("ck_email").innerText = "* 请输入一个有效的邮箱地址!";
                         $(this).focus();
                         return false;
                     }
                     document.getElementById("ck_email").innerText = "";
                 }
             });
         })
         //信用卡支付
         $("input[name='submit_xyka']").click(function () {
            
             document.getElementById("paytype").value = "10";
             document.getElementById("frm").action = "Insert_WebOrder.aspx";
             OpenR();
             $('#frm').submit();
         });

         //手机IVR消费
         $('#submit_yyin').click(function () {
             var payid = $(this).attr("payid");
             document.getElementById("paytype").value = "12";
             document.getElementById("frm").action = "Insert_WebOrder.aspx";
             OpenR();
             $('#frm').submit();
         });
     })
     function OpenR() {
         window.open("pop3.html");
         window.focus();
     }
  </script>
</body>
</html>
